<template>
	<div class="head">
		<div><img :src="imgUrl" class="img"></img></div>
		<div class="text">现场作业实时监测系统</div>
	</div>
</template>

<script>
	export default {
		name: 'Banner',
		data() {
			return {
				imgUrl: require('../../assets/loge.png')
			}
		},
		props: {
			title: String
		}
	}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang="less" scoped>
	.img {
		background-size: 100% 100%;
		margin-left: -15%;
		// margin-top: 0.4%;
	}

	.head {
		background-image: url('../../assets/top_bg.png');
		width: 100%;
		height: 8%;
		background-size: 100% 100%;
		// background-color: red;
	}

	.text {
		// float: left;
		color: #39deff;
		font-size: 12px;
		margin-top: -2.4%;
		margin-left: 7%;
	}
</style>
